window.onload= function () {
    render_chart_1();
    render_chart_2();
    render_chart_3();
    render_chart_4();
    render_chart_5();
    render_chart_6();
};

function render_chart_1() {
    var dataset = [
        [" 主要经济指标", "企业法人单位（个）", "从业人员（人）"],
        ['研究和试验发展', 4796, 44268],
        ['　专业技术服务业', 17427, 295284],
        ['　科技推广和应用服务业', 11952, 79894]
    ];
    var option = {
        color:['#01949B','#EBA954','#C23531'],
        title:{
            text:'',
            left:'left'
        },
        grid:{
            bottom:'40%',

        },
        legend: {
            right:0
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        dataset: {
            // 提供一份数据。
            source:dataset
        },
        // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
        xAxis: {
            type: 'category',
            axisLabel:{
                rotate:'35'
            }
        },
        // 声明一个 Y 轴，数值轴。
        yAxis: [
            {
                type: 'value',
                name: '从业人员（人）',
                position: 'right',
                splitLine:{
                    show:false
                }
            },{
                type: 'value',
                name: '企业法人单位（个）',
                position: 'left'
            }
        ],
        // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
        series: [
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 1}
        ]
    }
    var myChart = echarts.init(document.getElementById('chart1_1'));
    myChart.setOption(option);
}
function render_chart_2() {
    var dataset = [
        [" 主要经济指标", "企业法人单位（个）", "从业人员（人）"],
        ['内资企业', 33994, 415868],
        ['　　 国有企业', 227, 12003],
        ['　　 集体企业', 138, 1455],
        ['　　 股份合作企业', 29, 421],
        ['　　 联营企业', 10, 277],
        ['　　 有限责任公司', 6745, 143360],
        ['　　 股份有限公司', 404, 13206],
        ['　　 私营企业', 24990, 237350],
        ['　　 其他企业', 1451, 7796],
        ['港、澳、台商投资企业', 66, 1109],
        ['外商投资企业', 115, 2469]
    ];
    var option = {
        color:['#01949B','#EBA954','#C23531'],
        title:{
            text:'',
            left:'left'
        },
        grid:{
            bottom:'40%',

        },
        legend: {
            right:0
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        dataset: {
            // 提供一份数据。
            source:dataset
        },
        // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
        xAxis: {
            type: 'category',
            axisLabel:{
                rotate:'35'
            }
        },
        // 声明一个 Y 轴，数值轴。
        yAxis: [
            {
                type: 'value',
                name: '从业人员（人）',
                position: 'right',
                splitLine:{
                    show:false
                }
            },{
                type: 'value',
                name: '企业法人单位（个）',
                position: 'left'
            }
        ],
        // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
        series: [
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 1}
        ]
    }
    var myChart = echarts.init(document.getElementById('chart_2'));
    myChart.setOption(option);
}

function render_chart_3() {
    var dataset = [
        [" 主要经济指标", "资产总计（个）", "负债合计（人）","营业收入(人）"],
        ['　研究和实验发展', 514.65, 249.73, 147.46],
        ['　专业技术服务业', 6162.72, 3603.95, 1647.23],
        ['　科技推广和应用服务业', 903.37, 480.92, 218.71]
    ];
    var option = {
        color:['#01949B','#EBA954','#C23531'],
        title:{
            text:'',
            left:'left'
        },
        grid:{
            bottom:'40%'
        },
        legend: {
            right:'5%'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        dataset: {
            // 提供一份数据。
            source:dataset
        },
        // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
        xAxis: {
            type: 'category',
            axisLabel:{
                rotate:'35'
            }
        },
        // 声明一个 Y 轴，数值轴。
        yAxis: [
            {
                type: 'value',
                name: '（亿元）',
                position: 'left'
            }
        ],
        // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
        series: [
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 0}
        ]
    }
    var myChart = echarts.init(document.getElementById('chart_3'));
    myChart.setOption(option);
}

function render_chart_4() {
    var dataset = [
        [" 主要经济指标", "企业法人单位（个）", "从业人员（人）"],
        ['　居民服务业', 6857, 62759],
        ['　机动车、电子产品和日用产品修理业', 8085, 64346],
        ['　其他服务业', 3263, 61047]
    ];
    var option = {
        color:['#01949B','#EBA954','#C23531'],
        title:{
            text:'',
            left:'left'
        },
        grid:{
            bottom:'40%',

        },
        legend: {
            right:0
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        dataset: {
            // 提供一份数据。
            source:dataset
        },
        // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
        xAxis: {
            type: 'category',
            axisLabel:{
                rotate:'35'
            }
        },
        // 声明一个 Y 轴，数值轴。
        yAxis: [
            {
                type: 'value',
                name: '从业人员（人）',
                position: 'right',
                splitLine:{
                    show:false
                }
            },{
                type: 'value',
                name: '企业法人单位（个）',
                position: 'left'
            }
        ],
        // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
        series: [
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 1}
        ]
    }
    var myChart = echarts.init(document.getElementById('chart_4'));
    myChart.setOption(option);
}

function render_chart_5() {
    var dataset = [
        [" 主要经济指标", "企业法人单位（个）", "从业人员（人）"],
        ['内资企业', 18185, 187424],
        ['　　 国有企业', 28, 486],
        ['　　 集体企业', 67, 771],
        ['　　 股份合作企业', 20, 497],
        ['　　 联营企业', 5, 17],
        ['　　 有限责任公司', 2478, 38070],
        ['　　 股份有限公司', 152, 1576],
        ['　　 私营企业', 15309, 145087],
        ['　　 其他企业', 126, 920],
        ['港、澳、台商投资企业', 10, 441],
        ['外商投资企业', 10, 287]
    ];
    var option = {
        color:['#01949B','#EBA954','#C23531'],
        title:{
            text:'',
            left:'left'
        },
        grid:{
            bottom:'40%',

        },
        legend: {
            right:0
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        dataset: {
            // 提供一份数据。
            source:dataset
        },
        // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
        xAxis: {
            type: 'category',
            axisLabel:{
                rotate:'35'
            }
        },
        // 声明一个 Y 轴，数值轴。
        yAxis: [
            {
                type: 'value',
                name: '从业人员（人）',
                position: 'right',
                splitLine:{
                    show:false
                }
            },{
                type: 'value',
                name: '企业法人单位（个）',
                position: 'left'
            }
        ],
        // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
        series: [
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 1}
        ]
    }
    var myChart = echarts.init(document.getElementById('chart_5'));
    myChart.setOption(option);
}

function render_chart_6() {
    var dataset = [
        [" 主要经济指标", "资产总计（亿元）", "负债合计（亿元）","营业收入(亿元)"],
        ['　居民服务业', 150.64, 75.42, 78.87],
        ['　机动车、电子产品和日用产品修理业', 162.25, 78.9, 138.17],
        ['　其他服务业', 132.92, 91.17, 55.4]
    ];
    var option = {
        color:['#01949B','#EBA954','#C23531'],
        title:{
            text:'',
            left:'left'
        },
        grid:{
            bottom:'40%',

        },
        legend: {
            right:0
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        dataset: {
            // 提供一份数据。
            source:dataset
        },
        // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
        xAxis: {
            type: 'category',
            axisLabel:{
                rotate:'35'
            }
        },
        // 声明一个 Y 轴，数值轴。
        yAxis: [
           {
                type: 'value',
                name: '（亿元）',
                position: 'left'
            }
        ],
        // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
        series: [
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 0},
            {type: 'bar',yAxisIndex: 0}
        ]
    }
    var myChart = echarts.init(document.getElementById('chart_6'));
    myChart.setOption(option);
}

